<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="./pgwslideshow.css" />
</head>
<body>
	        <div class="cntr mt20">
	    <ul class="pgwSlideshow">
                <li><img src="http://static.pgwjs.com/img/pg/slideshow/san-francisco.jpg" alt="San Francisco, USA" data-description="Golden Gate Bridge">
		<li><img src="http://static.pgwjs.com/img/pg/slideshow/rio.jpg" alt="Rio de Janeiro, Brazil"></li>
		<li><img src="http://static.pgwjs.com/img/pg/slideshow/london_mini.jpg" alt="" data-large-src="http://static.pgwjs.com/img/pg/slideshow/london.jpg">
		<li><img src="http://static.pgwjs.com/img/pg/slideshow/new-york.jpg" alt="">
		<li><img src="http://static.pgwjs.com/img/pg/slideshow/new-delhi.jpg" alt=""></li>
		<li><img src="http://static.pgwjs.com/img/pg/slideshow/paris.jpg" alt=""></li>
		<li><img src="http://static.pgwjs.com/img/pg/slideshow/sydney.jpg" alt=""></li>
		<li><img src="http://static.pgwjs.com/img/pg/slideshow/tokyo.jpg" alt=""></li>
		<li><img src="http://static.pgwjs.com/img/pg/slideshow/honk-kong.jpg" alt=""></li>
		<li><img src="http://static.pgwjs.com/img/pg/slideshow/dakar.jpg" alt=""></li>
		<li><img src="http://static.pgwjs.com/img/pg/slideshow/toronto.jpg" alt=""></li>
		<li><a href="http://en.wikipedia.org/wiki/Monaco" target="_blank"><img src="http://static.pgwjs.com/img/pg/slideshow/monaco.jpg" alt="Monaco"></a></li>
            </ul>
        </div>



    
<script src="./pgwslideshow.js"></script>
<script type="text/javascript">
var pgwSlideshow=$('.pgwSlideshow').pgwSlideshow();function reloadSlideshow(){var newConfig={};var style=$('input[name=\"style\"]:checked').val();if(style=='light'){newConfig.mainClassName='pgwSlideshowLight';}var listPosition=$('input[name=\"listPosition\"]:checked').val();if(listPosition=='none'){newConfig.displayList=false;}else{newConfig.listPosition=listPosition;}newConfig.transitionEffect=$('input[name=\"transitionEffect\"]:checked').val();if($('#displayList:checked').val()=='true'){newConfig.displayList=true;}else{newConfig.displayList=false;}if($('#displayControls:checked').val()=='true'){newConfig.displayControls=true;}else{newConfig.displayControls=false;}if($('#maxHeight:checked').val()=='true'){newConfig.maxHeight=450;}pgwSlideshow.reload(newConfig);}$('.slideshowConfig input').bind('change',function(){reloadSlideshow()});(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.google-analytics.com/analytics.js','ga');ga('create','UA-59412371-1','auto');ga('send','pageview');
</script>
</body>
</html>
